<template>
  <div>
    <h2>属性绑定指令</h2>
    <!-- 什么是属性，标签的属性，比如<img/>标签的src属性，比如 input标签的 type，value属性等等 -->
    <img v-bind:src="url" alt="" />
    <!-- v-bind: 可简写成 ： -->
    <img :src="url" alt="" />
    <br />
    <input type="text" :value='abc' />
    <br />
    <input type="text" :value="abc + 'world'" />
  </div>
</template>

<script>
export default {
//data  methods  computed  watch.......
//data用于存储数据
//data 要写成函数，函数中要返回一个对象，我们要把所有数据放到返回对象中
data () {
  return {
    //把数据放到这里
    url:'http://www.itcbc.com:3006/formdata/123.jpg',

    abc:'hello'
  }
}
}
</script>

<style>

</style>